<template>
  <div>
    <!-- <a-button @click="addColumn">增加列</a-button> -->
    <div>
      <a-checkbox-group v-model="selectedColumns">
        <a-checkbox
          v-for="item in metaColumns"
          :value="item.versionId"
          :key="item.versionId"
        >
          {{ item.versionName }}
        </a-checkbox>
      </a-checkbox-group>
    </div>
    <a-table
      :data-source="data"
      bordered
      :pagination="false"
      :scroll="{ x: 1300, y: 500 }"
      class="dynamicTable"
      :rowClassName="(record, index) => (record.isHeader ? 'th-header' : 'th')"
    >
      <template  v-for="(item, itemIndex) in dynamicColumnsForShow">
        
        <a-table-column
          :key="itemIndex"
          :width="(item||{}).width"
          align="left"
          :data-index="(item||{}).dataIndex"
          :fixed="itemIndex == 0 ? 'left' : ''"
        >
          <!-- 头部 标题  -->
          <span slot="title">
            <strong v-if="itemIndex == 0">
              {{ (item||{}).title }}
            </strong>

            <span v-if="itemIndex > 0">
              <strong>{{ (item||{}).title }}</strong>
              <p>{{ ((item||{}).cloumn || {}).onSaleFlag }}</p>
            </span>
            <a-popconfirm
              v-if="itemIndex > 0 && (item||{}).title && (item||{}).title.length > 0"
              title="确认删除该列？"
              ok-text="是"
              cancel-text="否"
              @confirm="removeColumn(itemIndex)"
            >
              <a-button type="link" class="btn-column-header-close" block>
                <a-icon type="close" />
              </a-button>
            </a-popconfirm>
            
          </span>
          <!-- 内容 -->
          <template slot-scope="text, record">
            <span>
              <strong v-if="record.isHeader">
                {{ text }}
              </strong>
              <span v-else>
                {{ text }}
              </span>
            </span>
          </template>
        </a-table-column>
      </template>
    </a-table>
  </div>
</template>
<script>
export default {
  filters: {},
  computed: {
    dynamicColumnsForShow() {
      var cols = [];
      this.dynamicColumns.forEach((c) => {
        if(cols.filter(col=>col.dataIndex==c.dataIndex).length==0)
          cols.push(c)
      });
      cols.push({
        title: "",
        dataIndex: "data--",
        key: "data--",
        align: "left",
      });
      return cols;
    },
    dynamicColumns() {
      var cols = this.columns.filter(
          (c) =>
            this.selectedColumns.length > 0 &&
            (!c.cloumn || this.selectedColumns.indexOf(c.cloumn.versionId) > -1)
        );
        if(cols.length==0)cols.push( this.columns[0])
        return cols
    },
  },
  data() {
    return {
      data: [],
      metaData: [
        {
          configGroupId: "10060",
          configGroupName: "基本信息",
          isShow: "1",
          configDetailInfoVo: [
            {
              configId: "2912",
              configName: "编码",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "VC202101050000000029584",
                },
                {
                  versionId: "524948",
                  value: "VC202101050000000029583",
                },
                {
                  versionId: "524947",
                  value: "VC202101050000000029582",
                },
                {
                  versionId: "516975",
                  value: "VC201905210000000018026",
                },
                {
                  versionId: "516974",
                  value: "VC201905210000000018025",
                },
                {
                  versionId: "516973",
                  value: "VC201905210000000018024",
                },
                {
                  versionId: "516972",
                  value: "VC201905210000000018023",
                },
              ],
            },
            {
              configId: "2913",
              configName: "生产商",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "宝马(进口)",
                },
                {
                  versionId: "524948",
                  value: "宝马(进口)",
                },
                {
                  versionId: "524947",
                  value: "宝马(进口)",
                },
                {
                  versionId: "516975",
                  value: "宝马(进口)",
                },
                {
                  versionId: "516974",
                  value: "宝马(进口)",
                },
                {
                  versionId: "516973",
                  value: "宝马(进口)",
                },
                {
                  versionId: "516972",
                  value: "宝马(进口)",
                },
              ],
            },
            {
              configId: "2914",
              configName: "品牌",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "宝马",
                },
                {
                  versionId: "524948",
                  value: "宝马",
                },
                {
                  versionId: "524947",
                  value: "宝马",
                },
                {
                  versionId: "516975",
                  value: "宝马",
                },
                {
                  versionId: "516974",
                  value: "宝马",
                },
                {
                  versionId: "516973",
                  value: "宝马",
                },
                {
                  versionId: "516972",
                  value: "宝马",
                },
              ],
            },
            {
              configId: "3264",
              configName: "英文品牌",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "BMW",
                },
                {
                  versionId: "524948",
                  value: "BMW",
                },
                {
                  versionId: "524947",
                  value: "BMW",
                },
                {
                  versionId: "516975",
                  value: "BMW",
                },
                {
                  versionId: "516974",
                  value: "BMW",
                },
                {
                  versionId: "516973",
                  value: "BMW",
                },
                {
                  versionId: "516972",
                  value: "BMW",
                },
              ],
            },
            {
              configId: "2915",
              configName: "车型",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "2系",
                },
                {
                  versionId: "524948",
                  value: "2系",
                },
                {
                  versionId: "524947",
                  value: "2系",
                },
                {
                  versionId: "516975",
                  value: "2系",
                },
                {
                  versionId: "516974",
                  value: "2系",
                },
                {
                  versionId: "516973",
                  value: "2系",
                },
                {
                  versionId: "516972",
                  value: "2系",
                },
              ],
            },
            {
              configId: "3275",
              configName: "车型英文",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "2 Series",
                },
                {
                  versionId: "524948",
                  value: "2 Series",
                },
                {
                  versionId: "524947",
                  value: "2 Series",
                },
                {
                  versionId: "516975",
                  value: "2 Series",
                },
                {
                  versionId: "516974",
                  value: "2 Series",
                },
                {
                  versionId: "516973",
                  value: "2 Series",
                },
                {
                  versionId: "516972",
                  value: "2 Series",
                },
              ],
            },
            {
              configId: "3511",
              configName: "子车型",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "2系",
                },
                {
                  versionId: "524948",
                  value: "2系",
                },
                {
                  versionId: "524947",
                  value: "2系",
                },
                {
                  versionId: "516975",
                  value: "2系",
                },
                {
                  versionId: "516974",
                  value: "2系",
                },
                {
                  versionId: "516973",
                  value: "2系",
                },
                {
                  versionId: "516972",
                  value: "2系",
                },
              ],
            },
            {
              configId: "2916",
              configName: "型号",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "2.0T 双离合 225i 四门轿跑车 M运动曜夜套装Pro",
                },
                {
                  versionId: "524948",
                  value: "2.0T 双离合 225i 四门轿跑车 M运动曜夜套装",
                },
                {
                  versionId: "524947",
                  value: "2.0T 双离合 225i 四门轿跑车 M运动套装",
                },
                {
                  versionId: "516975",
                  value: "2.0T 自动 敞篷车 225i 尊享型 M运动套装",
                },
                {
                  versionId: "516974",
                  value: "2.0T 自动 敞篷车 225i 运动设计套装",
                },
                {
                  versionId: "516973",
                  value: "2.0T 自动 Coupe 225i 尊享型 M运动套装",
                },
                {
                  versionId: "516972",
                  value: "2.0T 自动 Coupe 225i 运动设计套装",
                },
              ],
            },
            {
              configId: "2923",
              configName: "英文型号",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "2.0T DCT 225i Gran Coupe M Sports Yaoye Pro",
                },
                {
                  versionId: "524948",
                  value: "2.0T DCT 225i Gran Coupe M Sports Yaoye",
                },
                {
                  versionId: "524947",
                  value: "2.0T DCT 225i Gran Coupe M Sports",
                },
                {
                  versionId: "516975",
                  value: "2.0T AT Convertible 225i Prestige M Sport Line",
                },
                {
                  versionId: "516974",
                  value: "2.0T AT Convertible 225i Sport Line",
                },
                {
                  versionId: "516973",
                  value: "2.0T AT Coupe 225i Prestige M Sport Line",
                },
                {
                  versionId: "516972",
                  value: "2.0T AT Coupe 225i M Sport Line",
                },
              ],
            },
            {
              configId: "2918",
              configName: "车身形式",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "三厢",
                },
                {
                  versionId: "524948",
                  value: "三厢",
                },
                {
                  versionId: "524947",
                  value: "三厢",
                },
                {
                  versionId: "516975",
                  value: "三厢",
                },
                {
                  versionId: "516974",
                  value: "三厢",
                },
                {
                  versionId: "516973",
                  value: "三厢",
                },
                {
                  versionId: "516972",
                  value: "三厢",
                },
              ],
            },
            {
              configId: "2919",
              configName: "车辆级别",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "A",
                },
                {
                  versionId: "524948",
                  value: "A",
                },
                {
                  versionId: "524947",
                  value: "A",
                },
                {
                  versionId: "516975",
                  value: "A",
                },
                {
                  versionId: "516974",
                  value: "A",
                },
                {
                  versionId: "516973",
                  value: "A",
                },
                {
                  versionId: "516972",
                  value: "A",
                },
              ],
            },
            {
              configId: "3405",
              configName: "细分级别",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "A-S",
                },
                {
                  versionId: "524948",
                  value: "A-S",
                },
                {
                  versionId: "524947",
                  value: "A-S",
                },
                {
                  versionId: "516975",
                  value: "A-S",
                },
                {
                  versionId: "516974",
                  value: "A-S",
                },
                {
                  versionId: "516973",
                  value: "A-S",
                },
                {
                  versionId: "516972",
                  value: "A-S",
                },
              ],
            },
            {
              configId: "3266",
              configName: "上市日期",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "2021-01-05",
                },
                {
                  versionId: "524948",
                  value: "2021-01-05",
                },
                {
                  versionId: "524947",
                  value: "2021-01-05",
                },
                {
                  versionId: "516975",
                  value: "2019-05-17",
                },
                {
                  versionId: "516974",
                  value: "2019-05-17",
                },
                {
                  versionId: "516973",
                  value: "2019-05-17",
                },
                {
                  versionId: "516972",
                  value: "2019-05-17",
                },
              ],
            },
            {
              configId: "2929",
              configName: "停产日期",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: null,
                },
                {
                  versionId: "524948",
                  value: null,
                },
                {
                  versionId: "524947",
                  value: null,
                },
                {
                  versionId: "516975",
                  value: null,
                },
                {
                  versionId: "516974",
                  value: null,
                },
                {
                  versionId: "516973",
                  value: null,
                },
                {
                  versionId: "516972",
                  value: null,
                },
              ],
            },
            {
              configId: "2920",
              configName: "变化描述",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "换代",
                },
                {
                  versionId: "524948",
                  value: "换代",
                },
                {
                  versionId: "524947",
                  value: "换代",
                },
                {
                  versionId: "516975",
                  value: "年式变化",
                },
                {
                  versionId: "516974",
                  value: "年式变化",
                },
                {
                  versionId: "516973",
                  value: "年式变化",
                },
                {
                  versionId: "516972",
                  value: "年式变化",
                },
              ],
            },
            {
              configId: "2922",
              configName: "上市年款",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "2021",
                },
                {
                  versionId: "524948",
                  value: "2021",
                },
                {
                  versionId: "524947",
                  value: "2021",
                },
                {
                  versionId: "516975",
                  value: "2019",
                },
                {
                  versionId: "516974",
                  value: "2019",
                },
                {
                  versionId: "516973",
                  value: "2019",
                },
                {
                  versionId: "516972",
                  value: "2019",
                },
              ],
            },
            {
              configId: "2924",
              configName: "是否进口",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "进口",
                },
                {
                  versionId: "524948",
                  value: "进口",
                },
                {
                  versionId: "524947",
                  value: "进口",
                },
                {
                  versionId: "516975",
                  value: "进口",
                },
                {
                  versionId: "516974",
                  value: "进口",
                },
                {
                  versionId: "516973",
                  value: "进口",
                },
                {
                  versionId: "516972",
                  value: "进口",
                },
              ],
            },
            {
              configId: "2925",
              configName: "动力类型",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "汽油",
                },
                {
                  versionId: "524948",
                  value: "汽油",
                },
                {
                  versionId: "524947",
                  value: "汽油",
                },
                {
                  versionId: "516975",
                  value: "汽油",
                },
                {
                  versionId: "516974",
                  value: "汽油",
                },
                {
                  versionId: "516973",
                  value: "汽油",
                },
                {
                  versionId: "516972",
                  value: "汽油",
                },
              ],
            },
            {
              configId: "759",
              configName: "发动机型号",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "B48A20C",
                },
                {
                  versionId: "524948",
                  value: "B48A20C",
                },
                {
                  versionId: "524947",
                  value: "B48A20C",
                },
                {
                  versionId: "516975",
                  value: "B48B20A",
                },
                {
                  versionId: "516974",
                  value: "B48B20A",
                },
                {
                  versionId: "516973",
                  value: "B48B20A",
                },
                {
                  versionId: "516972",
                  value: "B48B20A",
                },
              ],
            },
            {
              configId: "3914",
              configName: "内饰颜色",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "黑色、黑色/熔岩红",
                },
                {
                  versionId: "524948",
                  value: "黑色、黑色/熔岩红",
                },
                {
                  versionId: "524947",
                  value: "黑色、黑色/熔岩红",
                },
                {
                  versionId: "516975",
                  value: "黑色/墨灰色",
                },
                {
                  versionId: "516974",
                  value: "黑色/墨灰色",
                },
                {
                  versionId: "516973",
                  value: "黑色/墨灰色",
                },
                {
                  versionId: "516972",
                  value: "黑色/墨灰色",
                },
              ],
            },
            {
              configId: "2670",
              configName: "车身颜色",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value:
                    "宝石青、风暴灰、海岸蓝、矿石灰、墨尔本红、天际蓝、雪山白",
                },
                {
                  versionId: "524948",
                  value:
                    "宝石青、风暴灰、海岸蓝、矿石灰、墨尔本红、天际蓝、雪山白",
                },
                {
                  versionId: "524947",
                  value:
                    "宝石青、风暴灰、海岸蓝、矿石灰、墨尔本红、天际蓝、雪山白",
                },
                {
                  versionId: "516975",
                  value: null,
                },
                {
                  versionId: "516974",
                  value: null,
                },
                {
                  versionId: "516973",
                  value:
                    "雪山白、金属漆、宝石青、墨尔本红、矿石白、矿石灰、埃斯托蓝、落日橙",
                },
                {
                  versionId: "516972",
                  value:
                    "雪山白、金属漆、宝石青、墨尔本红、矿石白、矿石灰、落日橙",
                },
              ],
            },
            {
              configId: "1827",
              configName: "质保期(年)",
              configType: "N",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "3",
                },
                {
                  versionId: "524948",
                  value: "3",
                },
                {
                  versionId: "524947",
                  value: "3",
                },
                {
                  versionId: "516975",
                  value: "3",
                },
                {
                  versionId: "516974",
                  value: "3",
                },
                {
                  versionId: "516973",
                  value: "3",
                },
                {
                  versionId: "516972",
                  value: "3",
                },
              ],
            },
            {
              configId: "1828",
              configName: "质保期(万公里)",
              configType: "N",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "10",
                },
                {
                  versionId: "524948",
                  value: "10",
                },
                {
                  versionId: "524947",
                  value: "10",
                },
                {
                  versionId: "516975",
                  value: "10",
                },
                {
                  versionId: "516974",
                  value: "10",
                },
                {
                  versionId: "516973",
                  value: "10",
                },
                {
                  versionId: "516972",
                  value: "10",
                },
              ],
            },
            {
              configId: "3529",
              configName: "电池质保(年)",
              configType: "I",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "-",
                },
                {
                  versionId: "524948",
                  value: "-",
                },
                {
                  versionId: "524947",
                  value: "-",
                },
                {
                  versionId: "516975",
                  value: "-",
                },
                {
                  versionId: "516974",
                  value: "-",
                },
                {
                  versionId: "516973",
                  value: "-",
                },
                {
                  versionId: "516972",
                  value: "-",
                },
              ],
            },
            {
              configId: "3531",
              configName: "电池质保(万公里)",
              configType: "I",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "-",
                },
                {
                  versionId: "524948",
                  value: "-",
                },
                {
                  versionId: "524947",
                  value: "-",
                },
                {
                  versionId: "516975",
                  value: "-",
                },
                {
                  versionId: "516974",
                  value: "-",
                },
                {
                  versionId: "516973",
                  value: "-",
                },
                {
                  versionId: "516972",
                  value: "-",
                },
              ],
            },
            {
              configId: "2973",
              configName: "国4",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "-",
                },
                {
                  versionId: "524948",
                  value: "-",
                },
                {
                  versionId: "524947",
                  value: "-",
                },
                {
                  versionId: "516975",
                  value: "-",
                },
                {
                  versionId: "516974",
                  value: "-",
                },
                {
                  versionId: "516973",
                  value: "-",
                },
                {
                  versionId: "516972",
                  value: "-",
                },
              ],
            },
            {
              configId: "2974",
              configName: "国5",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "-",
                },
                {
                  versionId: "524948",
                  value: "-",
                },
                {
                  versionId: "524947",
                  value: "-",
                },
                {
                  versionId: "516975",
                  value: "-",
                },
                {
                  versionId: "516974",
                  value: "-",
                },
                {
                  versionId: "516973",
                  value: "-",
                },
                {
                  versionId: "516972",
                  value: "-",
                },
              ],
            },
            {
              configId: "4089",
              configName: "国6",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "●",
                },
                {
                  versionId: "524948",
                  value: "●",
                },
                {
                  versionId: "524947",
                  value: "●",
                },
                {
                  versionId: "516975",
                  value: "●",
                },
                {
                  versionId: "516974",
                  value: "●",
                },
                {
                  versionId: "516973",
                  value: "●",
                },
                {
                  versionId: "516972",
                  value: "●",
                },
              ],
            },
            {
              configId: "4091",
              configName: "欧5",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "-",
                },
                {
                  versionId: "524948",
                  value: "-",
                },
                {
                  versionId: "524947",
                  value: "-",
                },
                {
                  versionId: "516975",
                  value: "-",
                },
                {
                  versionId: "516974",
                  value: "-",
                },
                {
                  versionId: "516973",
                  value: "-",
                },
                {
                  versionId: "516972",
                  value: "-",
                },
              ],
            },
            {
              configId: "3552",
              configName: "欧6",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "-",
                },
                {
                  versionId: "524948",
                  value: "-",
                },
                {
                  versionId: "524947",
                  value: "-",
                },
                {
                  versionId: "516975",
                  value: "-",
                },
                {
                  versionId: "516974",
                  value: "-",
                },
                {
                  versionId: "516973",
                  value: "-",
                },
                {
                  versionId: "516972",
                  value: "-",
                },
              ],
            },
            {
              configId: "3568",
              configName: "CNCAP星级",
              configType: "I",
              configValueVo: [
                {
                  versionId: "524949",
                  value: null,
                },
                {
                  versionId: "524948",
                  value: null,
                },
                {
                  versionId: "524947",
                  value: null,
                },
                {
                  versionId: "516975",
                  value: null,
                },
                {
                  versionId: "516974",
                  value: null,
                },
                {
                  versionId: "516973",
                  value: null,
                },
                {
                  versionId: "516972",
                  value: null,
                },
              ],
            },
            {
              configId: "6169",
              configName: "集团(中方)",
              configType: "T",
              configValueVo: [
                {
                  versionId: "524949",
                  value: "宝马",
                },
                {
                  versionId: "524948",
                  value: "宝马",
                },
                {
                  versionId: "524947",
                  value: "宝马",
                },
                {
                  versionId: "516975",
                  value: "宝马",
                },
                {
                  versionId: "516974",
                  value: "宝马",
                },
                {
                  versionId: "516973",
                  value: "宝马",
                },
                {
                  versionId: "516972",
                  value: "宝马",
                },
              ],
            },
          ],
        },
      ],
      columns: [],
      metaColumns: [
        {
          versionId: "524949",
          versionName:
            "宝马 2系 2021 2.0T 双离合 225i 四门轿跑车 M运动曜夜套装Pro",
          onSaleFlag: "在售",
          msrp: "30.98",
          tp: "30.84",
        },
        {
          versionId: "524948",
          versionName:
            "宝马 2系 2021 2.0T 双离合 225i 四门轿跑车 M运动曜夜套装",
          onSaleFlag: "在售",
          msrp: "28.98",
          tp: "28.85",
        },
        {
          versionId: "524947",
          versionName: "宝马 2系 2021 2.0T 双离合 225i 四门轿跑车 M运动套装",
          onSaleFlag: "在售",
          msrp: "26.98",
          tp: "26.87",
        },
        {
          versionId: "516975",
          versionName: "宝马 2系 2019 2.0T 自动 敞篷车 225i 尊享型 M运动套装",
          onSaleFlag: "在售",
          msrp: "33.98",
          tp: "31.29",
        },
        {
          versionId: "516974",
          versionName: "宝马 2系 2019 2.0T 自动 敞篷车 225i 运动设计套装",
          onSaleFlag: "在售",
          msrp: "30.98",
          tp: "28.52",
        },
        {
          versionId: "516973",
          versionName: "宝马 2系 2019 2.0T 自动 Coupe 225i 尊享型 M运动套装",
          onSaleFlag: "在售",
          msrp: "29.38",
          tp: "27.03",
        },
        {
          versionId: "516972",
          versionName: "宝马 2系 2019 2.0T 自动 Coupe 225i 运动设计套装",
          onSaleFlag: "在售",
          msrp: "26.38",
          tp: "24.28",
        },
      ],
      selectedColumns: [],
    };
  },
  mounted() {
    this.loadColumns();
    this.dynamicColumns.push(this.columns[0]);
    this.loadData();
  },
  methods: {
    loadData() {
      let _this = this;
      this.metaData.forEach((data) => {
        var columnIndex = this.columns[0].dataIndex;
        console.log(data);
        _this.data.push({key:columnIndex+_this.data.length});
        _this.data[_this.data.length - 1][columnIndex] = data.configGroupName;
        _this.data[_this.data.length - 1]["isHeader"] = true;

        data.configDetailInfoVo.forEach((configDetailInfoVo) => {
          columnIndex = this.columns[0].dataIndex;
          _this.data.push({key:columnIndex+_this.data.length});
          _this.data[_this.data.length - 1][columnIndex] =
            configDetailInfoVo.configName;

          for (let i = 1; i < _this.columns.length - 1; i++) {
            columnIndex = _this.columns[i].dataIndex;
            _this.data[_this.data.length - 1][columnIndex] =
              configDetailInfoVo.configValueVo[i - 1].value;
          }
        });
      });
      console.log(this.data);
    },
    loadColumns() {
      var columnIndex = this.columns.length + new Date().getTime();

      this.columns.push({
        title: "● 标配  ○ 选配  - 无",
        width: 150,
        dataIndex: "data-" + columnIndex,
        key: "data-" + columnIndex,
        align: "left",
      });

      this.metaColumns.forEach((cloumn) => {
        columnIndex = cloumn.versionId;
        this.columns.push({
          title: cloumn.versionName,
          width: 250,
          dataIndex: "data-" + columnIndex,
          key: "data-" + columnIndex,
          align: "left",
          cloumn: cloumn,
        });
      });

      console.log(this.columns);

      // this.columns.push({
      //   title: "",
      //   dataIndex: "data--",
      //   key: "data--",
      //   align: "left",
      // });
    },
    removeColumn(versionId) {
      this.selectedColumns.splice(this.selectedColumns.indexOf(versionId), 1);
    },
  },
};
</script>
<style lang="less">
.firstColumn-data-icon {
  font-size: 20px;
}
.dynamicTable {
  th {
    position: relative;
  }
  .btn-column-header-close {
    padding: 0px;
    text-align: right;
    position: absolute;
    top: -3px;
    right: 5px;
    width: 20px;
  }
  .th-header {
    background: #eeeeee;
  }
}
</style>
